html {
    height: 100%;
}

body {
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
}

#header {
    position: relative;
    top: 0;
    height: 1.3513513513513513rem;
    width: 10rem;
    background-color: #fe841f;
}

#header>ul {
    display: flex;
    justify-content: space-between;
}

#header>ul>li:nth-of-type(1) {
    flex: 1;
    font: 2rem/1rem "";
}

#header>ul>li:nth-of-type(1)>a>img {
    width: 1rem;
    height: 1rem;
    margin: .2rem;
    transform: rotate(180deg);
}

#header>ul>li:nth-of-type(2) {
    flex: 2;
    text-align: center;
    color: #fff;
    font: 800 .55rem/1.3513513513513513rem "";
}

#header>ul>li:nth-of-type(3) {
    flex: 1;
}

#header>ul>li:nth-of-type(3)>img {
    width: 1rem;
    height: 1rem;
    margin-top: .2rem;
    padding-left: 1.1rem;
}

#det {
    width: 9.5rem;
    flex: 1;
    overflow: auto;
    height: 100%;
    margin: .15rem;
}

#det>div:nth-of-type(2)>h2 {
    width: 9.5rem;
    text-align: center;
    background-color: #fe841f;
    border-radius: .2rem;
    font: .6rem/1rem "";
    color: #fff;
}

#det>div:nth-of-type(2)>img {
    margin: .5rem 0;
    width: 9.5rem;
}

.tit {
    font: .5rem/.8rem "";
}

#ctl00_ContentBody_txt_nr {
    width: 9.4rem;
    height: 4rem;
}

.form {
    position: relative;
}

#ctl00_ContentBody_Button1 {
    width: 2rem;
    height: 1rem;
    position: absolute;
    right: .09rem;
    bottom: .1rem;
    border: 0;
    color: #fff;
    background-color: #fe841f;
}

.list>ul>li {
    display: flex;
}

.userimg>img {
    width: 1.5rem;
    border-radius: 50%;
    margin-right: .5rem;
}

.clearfix {
    width: 7rem;
    display: flex;
    justify-content: space-between;
}

.username {
    color: royalblue;
}

.time {
    color: #777;
}

.content {
    font: .45rem/1rem "";
}

#Details>h2 {
    width: 9.5rem;
    font: 800 .55rem/2rem "";
    color: #000;
}

#Details>p:nth-of-type(1) {
    width: 9.5rem;
    font: .4rem/.6rem "";
    color: #aaa;
}

#Details>p:nth-of-type(2) {
    width: 9.5rem;
    font: .5rem/.6rem "";
    margin-top: .15rem;
}

#Details>div {
    width: 9.5rem;
    height: 5.5rem;
}

#Details>div>p {
    width: 5.5rem;
    font: .5rem/.6rem "";
}

#Details>div>img {
    float: right;
    width: 4rem;
}

#disstorck {
    margin: .8rem auto;
    border: .08rem solid #999;
    width: 5rem;
}

#disstorck>li>a>span {
    width: 4rem;
    font: .4rem/.5rem "";
    color: #000;
    display: flex;
    padding: .1rem .5rem;
    justify-content: space-between;
    border-bottom: .05rem solid #999;
}

#disstorck>li>a>span>strong {
    color: red;
}

#footer {
    width: 9.99rem;
    background-color: #efefef;
    display: flex;
    flex-direction: column;
    box-sizing: content-box;
}

#footer .footer-top {
    width: 10rem;
    height: 0.7567567567567568rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#footer .footer-top li {
    width: 3.324324324324324rem;
    line-height: 0.7567567567567568rem;
    text-align: center;
    border: 0.02702702702702703rem solid #dbdbdb;
}

#footer .footer-top li a {
    color: black;
}

#footer .footer-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
}

#footer .footer-bottom li {
    height: 0.5405405405405406rem;
    margin: 0.05405405405405406rem;
    line-height: 0.5405405405405406rem;
}

#footer .footer-bottom li a {
    color: black;
}

#footer p {
    display: flex;
    justify-content: center;
}